<div class="left-nav-wrap" ng-class="{'fold':mainStatus.navFold}" ng-controller="sideNav">
    <div class="user-info">
        <div class="avatar"><img src="../ui/img/avatar.png"/></div>
        <div class="info">
            <div class="name">Haovei</div>
            <div class="meta">项目经理</div>
        </div>
    </div>
    <ul class="menu-list">
        <li ng-class="{on:mainStatus.navigation=='layout'}"><a href="#/layout.html"><i class="iconfont icon-1"></i><em>布局</em></a></li>
        <li ng-class="{on:mainStatus.navigation=='base'}"><a href="#/base.html"><i class="iconfont icon-2"></i><em>基本样式</em></a></li>
        <li ng-class="{on:mainStatus.navigation=='form'}"><a href="#/form.html"><i class="iconfont icon-3"></i><em>表单</em></a></li>
        <li ng-class="{on:mainStatus.navigation=='list'}"><a href="#list.html"><i class="iconfont icon-list"></i><em>列表</em></a></li>
        <li ng-class="{on:mainStatus.navigation=='filter'}"><a href="#filter.html"><i class="iconfont icon-4"></i><em>筛选列表</em></a></li>
        <li ng-class="{on:mainStatus.navigation=='dialog'}"><a href="#dialog.html"><i class="iconfont icon-7"></i><em>弹窗</em></a></li>
        <li ng-class="{on:mainStatus.navigation=='chart'}"><a href="#chart.html"><i class="iconfont icon-5"></i><em>图表</em></a></li>
        <li ng-class="{on:mainStatus.navigation=='example'}"><a href="#example.html"><i class="iconfont icon-6"></i><em>具体实例</em></a></li>
    </ul>
    <div class="logo"><img src="../ui/img/logo.png"/></div>
    <div class="nav-fold" ng-click="mainStatus.navFold=!mainStatus.navFold"></div>
</div>